<!DOCTYPE html>
<html lang="en" class="mobile">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 强制刷新浏览器缓存配置 -->
    <meta http-equiv="refresh" content="no-cache">
    <meta http-equiv="content-type" content="no-cache, no-store, must-revalidate">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <title>2024年首届“动画宇宙”杯校园数字创意大赛-动画宇宙</title>
    <link rel="icon" href="./assets/favicon.ico">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/all-works.css">
    <script>
        let id = '${id}'
        let currentTime = '${sysdate}'
        let upStartTime = '${upstartTime}'
        let upEndTime = '${upendTime}'
        let awardTime = '${awardTime}'
    </script>
</head>
<body>
    <header class="pc-player-block">
        <img src="./assets/CDCC.png" alt="" class="img-size">
        <img src="./assets/pc-upload-btn.png" alt="" class="img-pc-upload-size">
    </header>
    <header class="mobile-player-block">
        <div class="mobile-top-title">
            <div class="mobile-top-title-text">“动画宇宙”杯校园数字创意大赛</div>
            <div class="mobile-top-title-menu">
                <img onclick="openMenu()" src="./assets/menu.png" alt="" class="img-menu">
            </div>
        </div>
        <div class="mobile-menu-content">
            <div class="mobile-menu-content-close">
                <span class="mobile-menu-content-close-title">“动画宇宙”杯校园数字创意大赛</span>
                <div onclick="closeMenu()">x</div>
            </div>
            <div class="mobile-menu-content-list">
                <div class="mobile-menu-content-list-item" data-section="mb-activity-introduction-title">活动介绍</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-progress-title">赛事进程</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-description-title">赛道说明</div>
                <div class="mobile-menu-content-list-item" data-section="mb-submission-principles-title">投稿原则</div>
                <div class="mobile-menu-content-list-item" data-section="mb-evaluation-criteria-title">评审标准</div>
                <div class="mobile-menu-content-list-item" data-section="mb-organizer-title">主办单位</div>
                <div class="mobile-menu-content-list-item active">全部作品</div>
                <div class="mobile-menu-content-list-item">获奖公示</div>
            </div>
        </div>
        <img src="./assets/mb-CDCC-s.png" alt="" class="img-size">
<!--    <img src="./assets/mb-upload-btn.png" alt="" class="img-mb-upload-size">-->
    </header>
    <main>
        <div class="fixed-card pc-fixed-card">
            <p class="count-down-interval">16</p>
            <button class="pc-upload-btn">
                <span>上传作品</span>
            </button>
        </div>
        <div class="fixed-card mb-fixed-card">
            <button class="mb-upload-btn">
                <span>上传<br>作品</span>
            </button>
        </div>
        <div class="back-top"></div>
        <ul class="navi-block-menu navi-default">
            <li data-section="activity-introduction-title">活动介绍</li>
            <li data-section="event-progress-title">赛事进程</li>
            <li data-section="event-description-title">赛事说明</li>
            <li data-section="submission-principles-title">投稿原则</li>
            <li data-section="evaluation-criteria-title">评审标准</li>
            <li data-section="organizer-title">主办单位</li>
            <li class="active">全部作品</li>
            <li>获奖公示</li>
        </ul>
        <div class="main-container">
            <div class="main-block">
                <img src="./assets/allworks.png" alt="" class="oeuvre-title-img">
                <img src="./assets/mb-allworks.png" alt="" class="oeuvre-title-img-mb">
                <div class="works-block">
                    <div class="works-block-tabs">
                        <div class="works-block-tabs__nav">
                            <div class="works-block-tabs__nav-tab active" data-index="0">全部</div>
                            <@RaceList id="${id}">
                                <#if data?? && data?size gt 0>
                                    <#list data as track>
                                        <div class="works-block-tabs__nav-tab" data-index="${track_index + 1}">
                                            ${track.typeName}
                                        </div>
                                    </#list>
                                <#else>
                                    <p style="color: #fff; font-weight: bold;">没有赛道</p>
                                </#if>
                            </@RaceList>
                        </div>
                        <!-- 全部 -->
                        <div class="works-block-content" data-index="0">
                            <@WorkList method="WorkList" id="${id}">
                                <#if data?? && data?size gt 0>
                                    <#list data as item>
                                        <div data-workManageId=${item.workManageId} class="works-block-content-item">
                                            <img src="/kkfileview/resource/${item.workCoverUrl}" alt="">
                                            <div class="info">
                                                <div class="info-title">
                                                    ${item.workName}
                                                </div>
                                                <div class="info-user">
                                                    <div class="user-views-item">
                                                        <img src="/kkfileview/resource/${item.candPhoto}" alt="">
                                                        <span>${item.nickname}</span>
                                                    </div>
                                                    <div class="watchs">
                                                        <img class="eye" src="./assets/eye.png" alt="">
                                                        <span>${item.viewQuantity}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </#list>
                                <#else>
                                    <div style="color: #fff;font-weight: bold;">没有作品</div>
                                </#if>
                            </@WorkList>
                        </div >
                        <@RaceList id="${id}">
                            <#if data?? && data?size gt 0>
                                <#list data as track>
                                    <#if track_index == 0>
                                        <!-- AIGC 数字绘画创作 -->
                                    </#if>
                                    <#if track_index == 1>
                                        <!-- 视觉小说游戏设计 -->
                                    </#if>
                                    <#if track_index == 2>
                                        <!-- 数字展馆设计 -->
                                    </#if>
                                    <div class="works-block-content" data-index="${track_index + 1}" <#if track_index + 1 != 0>style="display: none;"</#if>>
                                        <@WorkList method="WorkListByRace" id="${id}" race="${track.exhibTypeId}">
                                            <#if data?? && data?size gt 0>
                                                <#list data as item>
                                                    <div data-workManageId="${item.workManageId}" class="works-block-content-item">
                                                        <img src="/kkfileview/resource/${item.workCoverUrl}" alt="">
                                                        <div class="info">
                                                            <div class="info-title">${item.workName}</div>
                                                            <div class="info-user">
                                                                <div class="user-views-item">
                                                                    <img src="/kkfileview/resource/${item.candPhoto}" alt="">
                                                                    <span>${item.nickname}</span>
                                                                </div>
                                                                <div class="watchs">
                                                                    <img class="eye" src="./assets/eye.png" alt="">
                                                                    <span>${item.viewQuantity}</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </#list>
                                            <#else>
                                                <div style="color: #fff;font-weight: bold;">没有作品</div>
                                            </#if>
                                        </@WorkList>
                                    </div>
                                </#list>
                            </#if>
                        </@RaceList>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="footer-block">
            <div class="footer-block-content">
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">用户服务</h3>
                    <div class="info-item-about iia1">
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/about-our', '_blank')">关于我们</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/user-agreement', '_blank')">用户协议</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/privacy-policy', '_blank')">隐私政策</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/infringement-complaints', '_blank')">侵权投诉</span>
                    </div>
                    <div class="info-item-common iic1">
                        <p>市场监督举报电话:12345</p>
                        <p class="pointer" onclick="window.open('https://www.12377.cn/', '_blank')">网上有害信息举报专区</p>
                        <p class="pointer" onclick="window.open('https://jbts.mct.gov.cn/', '_blank')">全国文化和旅游市场网上举报投诉处理系统</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">联系我们</h3>
                    <div class="info-item-about">
                        <p>吉林吉动炫通网络科技股份有限公司</p>
                        <p>公司地址：吉林省长春市朝阳区硅谷大街1388号</p>
                    </div>
                    <div class="info-item-common">
                        <p class="pointer" onclick="window.open('https://www.animeta.com.cn/contact-us', '_blank')">查看详情</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <div class="info-item-title"><h3>动画宇宙</h3> <p>更多创意 更多惊喜</p></div>
                    <div class="flex-c">
                        <img src="./assets/qrcode.jpg" width="100" height="100" alt="" />
                        <p>公众号</p>
                    </div>
                </div>
            </div>
            <div class="footer-block-subcontent">
                <span>Copyright © 2024-至今 动画宇宙</span>
                <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
                <a href="https://www.animeta.com.cn/electronic-business-license">
                    <img src="./assets/license.png" alt=""/>电子营业执照
                </a>
                <a href="https://www.animeta.com.cn/service-license">人力资源服务许可证</a>
            </div>
        </div>
        <div class="mobile-footer-block">
            <span>Copyright © 2024-至今 动画宇宙</span>
            <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
        </div>
    </footer>
    <script src="./js/all-works.js"></script>
</body>

</html>
